<template>
    <div>
        <el-dialog
            :title="this.$t('common.look')"
            :visible.sync="Visible"
            width="800px"
            :close-on-click-modal="false"
            @close="cancel"
        >
            <div class="dialogBox">
                <div class="dialogBoxItem">
                    <div class="dialogBoxItemRow">
                        <video-box ref="video" style="width: 100%;" :src="video_src"></video-box>
                    </div>
                </div>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="cancel" size="small">{{ $t('common.cancel') }}</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
import videoBox from '../../components/common/videoBox';
export default {
    components: { videoBox },
    props: {
        // 接收绑定参数
    },
    data() {
        return {
            Visible: false,
            video_src:"",
            confirmTrue: true //确定按钮保护
        };
    },
    created() {},
    mounted() {},
    watch: {},
    methods: {
        init(data) {
            this.video_src = data.video;
            console.log(this.video_src)
            this.Visible = true;
        },
        //取消
        cancel() {
            this.data = {};
            this.Visible = false;
        },
    }
};
</script>

<style scoped lang="less" >
.dialogBox .dialogBoxItem {
    flex-direction: column;
    gap: 15px;
    .dialogBoxItemRow {
        width: 100%;
    }
}
</style>